import { useContext } from 'react';
import { TitleContextInfo } from './index1'; // 关键
import PropTypes from 'prop-types';
import React from 'react';

function Index2(props: any) {
  let data: any = useContext(TitleContextInfo); // 获取公共数据  关键

  React.useEffect(() => {
    data.change({ title: '监听修改' });
    console.debug('监听修改');
  }, [props.count]);
  console.debug('index2', data);
  return (
    <>
      <p>{data.titleInfo.title}</p>
      <button type="button" onClick={() => data.change('我是儿子，我修改了公共数据')}>
        儿子
      </button>
    </>
  );
}
///开始删除
Index2.propTypes = {
  count: PropTypes.any,
};
///结束删除
export default Index2;
